<?php include THEMES_PATH.'public/before_body2.phtml'; ?>
<link href="/statics/front/css/product.css" rel="stylesheet" />
<style>
.shop-info {margin:50px 0;font-size:20px;}
.preengage {margin:100px 0;}
.preengage li {display:inline-block;margin:0 10px;vertical-align:top;}
.map {margin-bottom:100px;}
@media screen and (max-width: 895px) {
  .preengage .btn {margin-top:2em;}
}
@media screen and (max-width: 768px) {
.w1366 {width:98%;}
.preengage li {width:50%;margin-bottom:10px;}
}
@media screen and (max-width: 320px) {
.preengage {margin:50px 0;}
.preengage li {width:90%;}
.map {margin-bottom:50px;}
}
</style>
</head>
<body>
<?php include THEMES_PATH.'public/header2.phtml'; ?>
<div class="w1366 center-block align-center shop-container">
  <div class="heading">
    <strong style="background-color:#fff;"><?php echo L('_russia_');?></strong>
  </div>
  <img src="/statics/front/images/index/banner4.jpg" alt="" />
  <p class="shop-info"><?php echo L('address_list');?></p>
  <div class="preengage">
    <div class="heading">
      <strong style="background-color:#fff;"><?php echo L('_booking_');?></strong>
    </div>
    <form name="preengageForm" id="preengageForm" method="post" action="<?php echo url('shop/offlineAdd')?>">
      <ul>
        <li>
          <label><?php echo L('_name_')?>:</label>
          <input type="text" name="customerName">
        </li>
        <li>
          <label><?php echo L('_phone_');?>:</label>
          <input type="text" name="phone">
        </li>
        <li>
          <label><?php echo L('_email_');?>:</label>
          <input type="text" name="email">
        </li>
        <li>
          <button type="submit" name="dosubmit" class="btn btn-middle"><?php echo L('_SEND_');?></button>
        </li>
      </ul>
    </form>
  </div>
  <div class="heading">
    <strong style="background-color:#fff;"><?php echo L('_map_');?></strong>
  </div>
  <a href="http://maps.yandex.ru/?text=%D0%A0%D0%BE%D1%81%D1%81%D0%B8%D1%8F%2C%20%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0%2C%20%D0%BF%D1%80%D0%BE%D1%81%D0%BF%D0%B5%D0%BA%D1%82%20%D0%9C%D0%B8%D1%80%D0%B0%2C%20119%D1%81452&sll=37.629727%2C55.837085&ll=37.642378%2C55.835023&spn=0.033903%2C0.010590&z=16&l=map"><img src="/statics/front/images/shop/map.jpg" alt="map" class="map" /></a>
</div>
<script src="/statics/jquery/validate/jquery.validate.js"></script>
<script>
$(function() {
  $("#preengageForm").validate({
    errorElement: 'p',
    submitHandler: function(form) {
      form.submit();
    },
    success: function(label) {
      label.siblings().removeAttr('style');
    },
    errorPlacement: function(error, element) {
      element.after(error).css('color', '#eb6f00').prev().css('color', '#eb6f00');
      element.next().css('color', '#eb6f00');
    },
    rules: {
      customerName: {
        required: true
      },
      phone: {
        required: true,
        digits: true
      },
      email: {
        required: true,
        email: true
      }
    },
    messages: {
      customerName: {
        required: "<?php echo L('_please_name_');?>",
      },
      phone: {
        required: "<?php echo L('_please_phone_');?>",
        digits: "<?php echo L('_phone_number_');?>"
      },
      email: {
        required: "<?php echo L('input_login_email');?>",
        email: "<?php echo L('_email_format_error_');?>"
      }
    }
  });
});
</script>
<?php include THEMES_PATH.'public/footer2.phtml'; ?>

<?php include THEMES_PATH.'public/after_body.phtml'; ?>
